﻿@{
    ViewBag.Title = "Inscripción";
}

<h1>Inscribir un alumno a una materia</h1>
<form method="post" action="@Url.Action("Agregar", "Inscripcion")">
    <div class="form-group" id="formGroupAlumno">
        <label for="codigoAlumno">Código Alumno</label>
        <input class="form-control" name="codigo" type="number", id="codigoAlumno" onkeypress="setTimeout(consultarAlumno, 0)" />
        <span class="help-block" id="placeholderAlumno"></span>
    </div>

    <div class="form-group" id="formGroupMateria">
        <label for="codigoMateria">Código Materia</label>
        <input class="form-control" name="codigo" type="number", id="codigoMateria" onkeypress="setTimeout(consultarMateria, 0)" />
        <span class="help-block" id="placeholderMateria"></span>
    </div>
    <div>
        <input type="submit" value="Agregar materia" class="btn btn-primary" />
    </div>
</form>

<script type="text/javascript">
    function consultarMateria()
    {
        var codigo = $("#codigoMateria").val();
        var parametros = {
            codigoMateria: codigo
        };

        var promise = $.get("@Url.Action("ConsultarMateria", "Inscripcion")", parametros);
        promise.done(mostrarNombreMateria);
        promise.fail(errorCodigoMateria);
    }

    function errorCodigoMateria()
    {
        $("#placeholderMateria").html("Código inválido")
        $("#formGroupMateria").addClass("has-error");
        $("#formGroupMateria").removeClass("has-success");
    }

    function mostrarNombreMateria(datos)
    {
        $("#placeholderMateria").html(datos.Nombre)
        $("#formGroupMateria").addClass("has-success");
        $("#formGroupMateria").removeClass("has-error");
    }

    function consultarAlumno() {
        var codigo = $("#codigoAlumno").val();
        var parametros = {
            codigoAlumno: codigo
        };

        var promise = $.get("@Url.Action("ConsultarAlumno", "Inscripcion")", parametros);
        promise.done(mostrarNombreAlumno);
        promise.fail(errorCodigoAlumno);
    }

    function errorCodigoAlumno() {
        $("#placeholderAlumno").html("Código inválido")
        $("#formGroupAlumno").addClass("has-error");
        $("#formGroupAlumno").removeClass("has-success");
    }

    function mostrarNombreAlumno(datos) {
        $("#placeholderAlumno").html(datos.Nombre)
        $("#formGroupAlumno").addClass("has-success");
        $("#formGroupAlumno").removeClass("has-error");
    }
</script>
